<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="Datos.TurnoAdapter"%>
<%@page import="java.util.ArrayList"%>
<%@ page import="Clases.*" %>
<%@ page import="Datos.*" %>
<% TurnoAdapter adapter = new TurnoAdapter(); %>
<% Turno turno = new Turno(); %>
<%! String encabezado = "AGREGAR NUEVO TURNO"; %>
<%if (session.getAttribute("UsuarioActual")!=null){ %>
	<%if(request.getParameter("id")!=null) 
	{
		turno = adapter.getTurno((Integer.parseInt(request.getParameter("id"))));
		encabezado = "EDITAR TURNO: "+turno.getCliente();
	}else if(Integer.parseInt(request.getParameter("idProf"))!=0){turno.setIdProfesional(Integer.parseInt(request.getParameter("idProf")));}%>
<%! String Fecha = "",Hora = "",Cliente = "",Motivo = "",Observaciones = "",TipoAccion="0",Id="0",IdProfesional=""; %>
	<%  if (request.getParameter("Fecha") != null )
		{
		 	Fecha = request.getParameter("Fecha");
		}
		if (request.getParameter("IdProfesional") != null )
		{
			IdProfesional = request.getParameter("IdProfesional");
		}
		if (request.getParameter("Hora") != null )
		{
			Hora = request.getParameter("Hora");
		}
		if (request.getParameter("Cliente") != null )
		{
			Cliente = request.getParameter("Cliente");
		}
		if (request.getParameter("Motivo") != null )
		{
			Motivo = request.getParameter("Motivo");
		}
		if (request.getParameter("Observaciones") != null )
		{
			Observaciones = request.getParameter("Observaciones");
		}
		if (request.getParameter("Id") != null )
		{
			Id = request.getParameter("Id");
		}
		if (request.getParameter("TipoAccion") != null )
		{
			TipoAccion = request.getParameter("TipoAccion");
		}
		
		%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Turno</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="images/favicon.ico" rel="shortcut icon" >
<link href="dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="css/view.css" type="text/css" media="all" rel="stylesheet" />
<link href="css/flick/jquery-ui-1.9.1.custom.css" rel="stylesheet">
<!-- JavaScript -->
<script src="js/jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.1.custom.min.js"></script>
<script type="text/javascript" src="js/view.js"></script>    
<script>
$(function() {
$("#regFecha").datepicker({ dateFormat: "yy-mm-dd" });
});
</script>
</head>
<body>
<%if(Integer.parseInt(session.getAttribute("Tipo").toString())==1){ %>
<%@include file="menusecretarias.jsp" %>
<%}else{%>
<%@include file="menuprofesionales.jsp" %>
<%} %>
	<div class="container">
	<div class="starter-template">
	<img id="top" src="images/top.png" alt="" />
	<div id="form_container">
	
		<h1><a><%=encabezado %></a></h1>
		<form name="Turno" id="Turno" class="appnitro"  method="post" accept-charset="ISO-8859-1">
					<div class="form_description">
			<h2><%=encabezado %></h2>
			<p></p>
		</div>
		<input name="idTurno" name="idTurno" type="hidden" value="<%if(request.getParameter("id")!=null) out.print(turno.getId());%>" />
  		<input name="idProfesional" id="idProfesional" type="hidden" value="<%if(request.getParameter("id")!=null) out.print(turno.getIdProfesional());%>" />	
		<ul>
			<li id="li_1">
				<label class="description" for="element_1">Fecha y Hora</label>
				<span>
				<input type="text" id="regFecha" name="regFecha" value="<%if(request.getParameter("id")!=null) out.print(turno.getFecha());%>" readonly="readonly" />
				<label>Fecha</label>
				</span>
				<span>
				<select name= "regHora"  id = "regHora" class="select">
			    <%
					//Carga los horarios disponibles desde las 06 hs ahsta las 22 hs con un for
					int hora = 6;
			    	int min = 0;
			    	
			    	while(hora < 23)
			    	{
			    		String horario = String.format("%02d:%02d",hora,min);
			    		String sel = "";
			    		if(horario.equals(turno.getHorario()))
			    		{
			    			sel = "selected";
			    		}
			    		out.print("<option "+ sel +">"+ horario +" </option>");
			    	 	if(min == 30)
			    	{
			    		min = 0;
			    		hora++;
			    	} else {
			    	min += 30;
			    	}
			    	
			    	}
			    %>
	     	    </select>
				<label>Hora</label>
				</span>
			</li>
			<li id="li_5">
				<label class="description" for="element_1_3">Cliente</label>
				<span>
				<input  id = "regCliente" type="text" name="regCliente" value = "<%if(request.getParameter("id")!=null) out.print(turno.getCliente());%>" />
				</span>
			</li>
			<li id="li_2">
				<label class="description" for="element_2">Profesional</label>
				<div>
					<select name="regProfesional"  id ="regProfesional" class="select">
				     	<% 
				     	ProfesionalAdapter a = new ProfesionalAdapter();
				     	ArrayList<Profesional> array = a.getAllProfesionales(Integer.parseInt(session.getAttribute("IdSecretaria").toString()));
				     	String sel ="";
				 		for(Profesional pro: array) 
				     	{ if(pro.getId()==turno.getIdProfesional()){ sel = "selected='selected'";}else{sel="";}
				     	
				     	%><option value="<%out.print(pro.getId());%>" <%out.print(sel);%>><%out.print(pro.getApellido()+", "+pro.getNombre());%></option>
				     	<%} %>
				    </select> 
				</div> 
			</li>
			<li id="li_3">
				<label class="description" for="element_3">Motivo</label>
				<div>
				<input  id = "regMotivo" type="text" name="regMotivo" value = "<%if(request.getParameter("id")!=null) out.print(turno.getMotivo());%>"/> 
				</div>
			</li>
			<li id="li_4">
				<label class="description" for="element_4">Observaciones</label>
				<div>
				<textarea  id = "regObservaciones" name="regObservaciones" cols="40" rows="5" style="width:200px; height:50px;">
				<%if(request.getParameter("id")!=null) out.print(turno.getObservaciones());%></textarea> 
				</div>
			</li>
			<li class="buttons">
				<input type="hidden" name="form_id" value="826830" />
				<input id="guardar" class="button_text" type="submit" name="guardar" value="GUARDAR" onclick="validarRegistro()" />
      			<input id="cancelar" class="button_text" type="submit" name="cancelar" value= "CANCELAR" onclick="volver()"/>    
			</li>
		</ul>
		</form>
		</div>
		<img id="bottom" src="images/bottom.png" alt="" />
		
	
	</div>
	</div>
	<script type="text/javascript">
			function volver()
			{
				//window.navigate("turnos.jsp");
				document.Turno.action = "turnos.jsp";
				document.Turno.submit();
			}
			function validarRegistro() {
				var error = "";
				//obteniendo el valor que se puso en campo text del formulario
				aFecha = document.getElementById("regFecha").value;
				aCliente = document.getElementById("regCliente").value;
				aMotivo = document.getElementById("regMotivo").value;
				//la condición
				if (aFecha == "") {
					error = error + "Debe elegir una Fecha\n";
				}
				if (aMotivo == "") {
					error = error + "Debe escribir un Motivo\n";
				}
				if (aCliente == "") {
					error = error + "Debe escribir el nombre del Cliente\n";
				} 
				if(error == "")
				{					
					<%if(request.getParameter("id")!=null) {%>
					document.Turno.action = "Final_IUDTurno?TipoAccion=1";
					document.Turno.submit();				
					<%} else {%>
					document.Turno.action = "Final_IUDTurno?TipoAccion=0";
					document.Turno.submit();		
					<%}%>
				} else {
					alert(error);
				}
			}
		</script>
		
		<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="dist/js/bootstrap.min.js"></script>
    
</body>
</html><%} else response.sendRedirect("LoginProfesional.jsp"); %>